The Divi 5 Public Beta is to be had as of late. When you choose the revel in to Divi 4, it’s in a position to be used. When you use Divi 5, you’ll understand an replace notification for Public Beta 9. We unencumber new Divi 5 variations each and every two weeks, and every one improves upon the final.

When you haven’t attempted Divi 5 but, give it a check and tell us what you assume.

What’s New In Public Beta 9?

We carried out 119 worm fixes and enhancements and launched two new options: the Command Center and new Menu Modules, Menu Looping, and Interactions.

The respectable unencumber date for Divi 5 is set for February 26th. Till then, we’ll proceed to deal with the comments of our beta testers, solving insects and making small enhancements with every replace.

In my spare time, I’ve additionally been conserving the ball rolling for your maximum asked options. If you wish to get an early within scoop, I steadily submit growth experiences within the Divi Theme Users Facebook team. Sign up for us!

New Menu Modules, Menu Looping, and Interactions

We launched New Menu Modules, Menu Looping, and Interactions in Public Beta 8.3. 🎉

Those new options, together with Divi 5’s broader systems like canvases and semantic elements, all come in combination to provide the freedom to construct any form of menu, together with mega menus, slide-in menus, and extra.

We aren’t achieved including extra menu options. We’re including them piece by way of piece, and every piece unlocks a extensive vary of latest chances.

The Command Heart

We launched The Command Center in Public Beta 9. 🎉

Mastering it seems like unlocking a superpower, giving the time period’ energy person’ true which means. You’ll briefly execute instructions akin to including components, navigating your web page, leaping to express settings, opening panels, and extra.

Fixes & Enhancements

Here’s a listing of all fixes and enhancements integrated on this replace.

• Added new Command Heart.
• Fastened damaged types at the first web page load when Vital CSS was once disabled, which came about on some hosts because of PHP stats cache.
• Got rid of the previous world fonts editor in want of the brand new fonts team within the variable supervisor.
• Added new Transfer movements to appropriate click on and keyboard shortcuts (transfer up, down, best, and backside).
• Added new Minimize instructions to appropriate click on and keyboard shortcuts (minimize, minimize father or mother, minimize youngsters).
• Added new cmd+a shortcut to make a choice all components inside a container.
• Fastened a topic the place newly stored library pieces didn’t seem within the library panel till Visible Builder was once reloaded.
• Fastened Responsive Editor reset conduct for deliberately empty responsive content material values and ensured resets inherit the most recent larger-breakpoint worth.
• Fastened scroll results configured in Part Presets or Choice Staff Presets now not being visual within the Part Settings Panel till manually toggled.
• Fastened PHP caution when viewing 404 pages with Theme Builder templates that experience disabled header or footer layouts.
• Fastened preset visibility toggles so disabled breakpoints will also be unchecked with out the usage of reset.
• Fastened responsive column construction can’t be set from Module Choices.
• Fastened Module Choices’ Alternate Column Construction modal displays all choices on non-desktop breakpoints regardless row’s structure sort.
• The ‘Alternate Column Construction ‘modal within the Fastened Module Choices Alternate Column Construction displays an fallacious affirmation pop-up when Module Settings is open for any module.
• Fastened Module Choices’ Alternate Column Construction modal doesn’t correctly revert column construction when canceling adjustments from Module Settings.
• Fastened damaged module settings panel when the lately edited module settings are a baby of an international phase/row + being got rid of.
• Fastened the fallacious affirmation pop-up that incorrectly seems on lately edited module settings that could be a little one of an international phase/row when including a brand new module within the similar world phase/row.
• Fastened the fallacious affirmation pop-up that looks at the lately edited module, which is within an international phase/row when a module within any other world phase/row is got rid of.
• Fastened keyboard shortcuts within the Lend a hand modal exhibiting fallacious modifier key labels on Home windows. Meta key shortcuts now appropriately display “Ctrl” on Home windows whilst keeping “⌘ cmd” show on macOS.
• Fastened customized D4 library modules now not rendering after switching to D5.
• Fastened Divi Carousel Maker column defaults now not loading in Divi 5 shortcode compatibility.
• Fastened a topic the place world library pieces may well be inserted into an international library template, permitting nested world components.
• Fastened the Social Media Practice module customized CSS now not making use of in Visible Builder and Frontend by way of aligning selector implementations throughout TypeScript and PHP.
• Fastened Weblog Module structure migration when Grid structure is about by the use of module preset, making sure presets with Grid structure appropriately migrate to show as a grid as an alternative of full-width.
• Fastened place choices now not inheriting appropriately on pill and make contact with breakpoints after Divi 4 to Divi 5 migration, inflicting components to lose their meant positioning beneath 980px.
• Fastened instance module conversion outlines lacking from construct metadata, which brought about D4 modules to load as shortcode modules in D5.
• Fastened background mix mode now not operating when parallax impact is enabled with background symbol and colour or gradient. The mix mode now appropriately applies to the parallax background component in each Visible Builder and frontend, and the background symbol and mix mode are correctly rendered at the wrapper component for cell software enhance.
• Fastened docked module settings header clicks, inflicting the panel to fade when docked to the left sidebar.
• Fastened Touch Shape box margin-bottom spacing now not making use of at the frontend when the usage of flex structure.
• Fastened little one module preset genre attributes (like background colour) now not overriding father or mother preset youngsters attributes when each father or mother and little one modules have presets implemented.
• Added complete documentation tutorials for changing Divi 4 presets to Divi 5 and imposing complex preset options, enabling third-party builders to totally migrate their modules to Divi 5.
• Up to date documentation to provide an explanation for wrapper hook reactivity and a child-module subscription trend.
• Fastened the heading module now not with the ability to use possibility team presets from different modules’ name textual content possibility teams.
• Fastened a frontend factor the place invalid hash hyperlinks like ## may just cause jQuery selector mistakes when modules had been clicked.
• Fastened world modules being stripped from the web page throughout D5 Readiness migration.
• Fastened font-size values with out devices (e.g., “30” as an alternative of “30px”) in migrated Divi 4 layouts now render appropriately with right kind CSS devices.
• Fastened the empty Parts possibility team showing when enhancing component presets for structural modules (Segment, Row, Column, Staff). Parts teams used for structural little one modules are actually correctly hidden throughout preset enhancing, whilst Parts teams with fields (Weblog, Gallery, and so forth.) and different teams with fields (Visibility, Place, Scroll Results) stay visual and purposeful.
• Up to date preset attributes for Parts team fields in WooCommerce modules (Cart Merchandise, Checkout Data, Product Photographs, Product Meta) from preset: ‘content material’ to preset: [‘html’] to verify right kind preset capability.
• Added 3 new Modules: Hyperlink, Dropdopwn, and Sooner than/After Symbol Slider.
• Decreased the Interplay script length by way of getting rid of lodash dependencies.
• Added new breakpoint interplay triggers.
• Added new selector-based interplay goals.
• Added new menu loop question sort.
• Added multi-selection enhance to the divi/make a selection box, together with up to date typing and UI conduct.
• Fastened the Visible Builder Web page Bar name for Theme Builder layouts so it displays the template title and structure sort.
• Fastened Hero Module “Make Fullscreen” possibility now not resetting peak in Visible Builder preview when disabled.
• Fastened a topic the place the MapContainer box element would crash with a TypeError when utilized in third occasion extension modules.
• Fastened darkish mode desire now not persisting at the Theme Builder major web page after web page refresh. The Theme Builder control interface now appropriately lots and applies the stored darkish mode desire on web page load.
• Added inside documentation information for DeepHive human interplay patterns, protecting @point out regulations, repair task workflows, and HITL processes.
• Fastened Theme Builder template import, getting rid of backslashes from Customized CSS break out sequences.
• Fastened nested modules now not being known as world when added within world modules.
• Fastened affirmation popups showing unnecessarily when including nested modules from world module settings.
• Added defaultOpen assets to module possibility teams, permitting teams to be open by way of default when module settings first load whilst closing collapsible.
• Fastened a topic the place the Social Media Practice module incorrectly implemented the clearfix CSS elegance when the usage of Flex or Grid layouts. The clearfix elegance is now implemented best when the usage of Block structure, getting rid of the desire for !vital declarations in customized CSS for Flex and Grid layouts.
• Fastened unit picker dropdowns overflowing the viewport by way of constraining peak and enabling inside scrolling.
• Fastened loop content material now not exhibiting at the frontend when loop-enabled modules seem after disabled loops or different content material on huge pages.
• Fastened deadly error when uploading Divi Library layouts containing third-party shortcodes (e.g., WooCommerce) by way of including defensive dealing with for non-array shortcode outputs within the import pipeline.
• Fastened loop excerpts, together with Put up Identify output when no handbook excerpt is about.
• Fastened the Social Media Practice module’s particular person icon font-size override now not operating when the father or mother icon length was once set.
• Fastened the canvas z-index box now not being stored when clicking the save button earlier than blur validation completes. Added z-index box to canvas settings modal to keep an eye on canvas stacking order, with right kind state control to verify values are at all times captured appropriately.
• Fastened nested world modules in imported Divi Library layouts now not being editable by way of changing them to their exact module varieties throughout import.
• Fastened textual content shadow now not showing on cell breakpoint when best colour is overridden, and pill breakpoint is lacking. Cellular breakpoint now appropriately inherits the way assets from the desktop and generates CSS with the meant colour.
• Fastened a topic the place the Responsive Editor closed when converting heading codecs or including hyperlinks within the Visible Tab.
• Fastened the Staff Carousel module hyperlinks opening two times when the Loop possibility is enabled, and the hyperlink goal is about to open in a brand new tab.
• Fastened possibility team preset background colours now not rendering appropriately in Visible Builder for little one modules (slides). Choice team preset genre attributes are actually correctly integrated in little one module rendering, making sure preset colours are detected and displayed appropriately in VB preview.
• Up to date roadmap documentation knowledge with the most recent GitHub problems data.
• Fastened nested modules within the Blurb module, inheriting undesirable textual content alignment from the Blurb container’s alignment settings.
• Fastened Slider and Fullwidth Slider preset background colours now not showing in native module settings.
• Fastened: team preset CSS now not printing within the builder when lazy-loaded.
• Overhauled the Divi CSS record machine to mark recordsdata a stale relatively than deleting them, permitting pages cached by way of efficiency plugins to reference previous CSS recordsdata when getting out of sync with Divi.
• Fastened preset CSS order printing too overdue on the second one web page load on index pages that used Theme Builder templates, inflicting types to wreck because of other CSS precedence.
• Added enhance for automated cache clearing for added cache plugins, together with Flyingpress, Nitropack, Tremendous Web page Cache, SpeedyCache, WP Compress, Swift Efficiency, and the Cloudflare WordPress Plugin.
• Fastened Google Fonts turning into dequeued on WooCommerce product class templates after the second one web page load.
• Fastened the Divi module and have caches now not clearing appropriately for taxonomy pages when saving a person Theme Builder structure.
• Fastened the default Divi theme header now not shrinking on scroll on non-singular pages.
• Fastened lacking flex column categories on team modules when decided on by the use of the Design > Sizing choices.
• Fastened the gallery module lacking grid CSS when run in backward compatibility mode.
• Got rid of needless animation script dependency from circle counter and quantity counter modules.
• Fastened block weblog CSS compiled when legacy weblog attributes had been detected.
• Fastened factor the place dynamic CSS recordsdata (vital CSS, deferred CSS) weren’t regenerating after cache clearing, making sure stale CSS is correctly refreshed when posts are stored or cache is cleared.
• Fastened slider and slide modules dropping textual content alignment after migrating from Divi 4 to Divi 5 when the usage of parent-to-child inheritance for textual content orientation settings.
• Fastened fallacious submenu dropdown positioning after migration by way of restoring Divi 4 conduct for nested submenus and correctly dealing with first-level submenu overflow detection.
• Fastened related SVG pictures disappearing when hyperlink URLs are resolved from dynamic content material.
• Fastened types now not exhibiting after web page refresh when modules use Situation Choices by way of making sure modules at all times sign up their types earlier than checking show prerequisites.
• Fastened spacing between Touch Shape possibility labels and hyperlinks for checkbox and radio fields.
• Fastened dynamic web page hyperlinks breaking when the related web page slug is modified. Hyperlinks now retailer submit IDs as an alternative of slugs, making sure they continue to be legitimate even after slug adjustments.
• Fastened factor the place growing a brand new Choice Staff preset from module settings didn’t robotically open the preset enhancing panel.
• Fastened PHP warnings displayed at the frontend when date/time prerequisites review to false by way of updating warfare detection to make use of the proper Divi 5 box title.
• Fastened Theme Customizer fonts now not loading at the frontend in Divi 5 when the usage of “Supply Sans Professional” or different renamed Google Fonts.
• Fastened the Hero Scroll Down icon reset so it now not resets comparable fields or displays incorrectly.
• Fastened world module cases maintaining world standing when inserted within different world modules.
• Up to date conversion define documentation to incorporate the childrenName assets requirement for parent-child module conversion, combating little one modules from being misplaced throughout Divi 4 to Divi 5 conversion.
• Fastened parallax hover backgrounds in order that they display on hover and now not expose pictures underneath clear hover states.
• Fastened Visible Builder crash when Responsive Editor modal was once restored from workspace state with out required box attributes, now appearing “No box is chosen” message as an alternative of crashing the applying.
• Fastened third-party builders being not able to make use of customized onChangeCallback callbacks for web page settings fields. Customized callbacks now totally change default conduct (matching module settings trend), and defaultValue validation now permits empty strings.
• Fastened nested Put up Carousel modules now not rendering till a resize in accordion, toggle, and slider boxes.
• Fastened the Code module content material box so it calls for just one click on to turn on enhancing. The editor now turns on when soaring over the textarea, permitting quick typing at the first click on.
• Fastened right-click possibility menus that exceeded the viewport peak by way of making tall lists scrollable and conserving submenus out there.
• Fastened preset-derived border labels within the Inspector appearing object-style paths as an alternative of pleasant titles.
• Fastened Theme Builder archive pages dropping Loop Builder types and Google Fonts after repeated refreshes.
• Fastened Heading Textual content preset font sizes appearing computed defaults throughout heading ranges.
• Fastened customized CSS selector suffix dealing with so commas within: is() lists now not break up module selectors.
• Fastened PHP deprecation warnings when the usage of WP Smush 3.16.1+ by way of updating to make use of the brand new hook title whilst keeping up compatibility with older Smush variations.
• Added lazy loading to the preliminary builder render to make stronger load instances.
• Fastened undesirable backside spacing showing on unmarried submit article components in Visible Builder.
• Fastened a deadly error when seek effects templates used dynamic creator content material and no effects had been discovered.
• Added divi_off_canvas_should_load clear out hook to permit third-party plugins to sign up Off Canvas CPT on their pages.
• Fastened preset dropdown in Interplay Builder now not remaining after settling on a preset or clicking outdoor the dropdown.
• Fastened structure jumps happening when sticky components turn on in Theme Builder headers containing Off Canvas modules. The repair improves precision for all sticky behaviors by way of making sure every sticky component best impacts its personal father or mother component.
• Fastened Web page Supervisor now not updating in an instant when the web page name is modified within the Web page Settings modal. Identify adjustments now mirror right away in Web page Supervisor with out requiring a save or web page refresh.
• Fastened conditional good judgment fields rendering as simple textual content inputs in D4 shortcode modules, permitting right kind rule-based conditional show configuration with box/situation/worth selectors and upload/take away row capability.
• Fastened background pictures loading on pill and make contact with, even if explicitly got rid of, with best the desktop symbol set.
• Fastened web page settings, customized CSS sanitization so fashionable serve as values, URLs, and formatting persist after save.
• Fastened nested disabled modules turning into just about invisible when more than one father or mother modules had been disabled on other units by way of making use of opacity styling best to the topmost disabled module in every ancestor chain.
• Added hook enhance for customized situation choices in Conditional Show, enabling third-party plugins to sign up totally purposeful customized prerequisites with initialization, settings UI, tooltips, and backend analysis good judgment.
• Fastened default preset styling throughout D4→D5 migration by way of keeping _initial as default on recent websites and remapping best when D5 defaults exist already.
• Up to date process documentation and Visible Builder translations for factor 47938.
• Fastened Divi Library structure enhancing so the principle header shows whilst conserving Reside Preview hidden.
• Fastened Blurb module symbol width migration factor the place SVG pictures with best placement had been incorrectly targeted and full-width as an alternative of left-aligned at customized width. Additionally fastened aspect-ratio distortion in pictures with proportion widths by way of the usage of max-width as an alternative of width for proportion values.

Leap Into Divi 5 Nowadays

The Divi 5 Public Beta is to be had as of late. Give it a check out, and tell us what you assume! The respectable unencumber date has been set, however there may be nonetheless time to leap in early and get your footing.

When you discover a worm, report it to our team, and we’ll repair it. We’ll proceed to paintings aggressively so as to add new options and deal with comments.

Keep tuned for a brand new model of Divi 5 each and every two weeks.

The submit Divi 5 Public Beta 9 Release Notes gave the impression first on Elegant Themes Blog.